<template>
  <div class="page-container flex-column-center">

    <div class="page-info-title">
      <p class="o7">香山文化艺术中心</p>
      <p class="big">期待与您再次相见</p>
      <p class="o5">香洲区图书馆将全面升级.</p>
    </div>

    <div class="page-main-box">
      <div class="page-opacity-box flex-column-center">
        <div class="last-box">
          <img src="@/assets/images/last.jpg" />
        </div>
      </div>
    </div>

    <img class="page-bg-title" src="@/assets/images/t2.png" />

  </div>
</template>
<script>

export default {
  name: 'pageLast',
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.page-container {
  width: 100%;
  height: 100%;
  position: relative;
  background: url('~@/assets/images/bg.png') no-repeat left top,
  linear-gradient(to top, #a27e54 0%, #d2b38e 50%, #d2b38e 85%, #a27e54 100%);
  background-size: 100%;
}
.last-box {
  width: 980px;
  height: 980px;
  border-radius: 20px;
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>
